﻿<table class="table table-hover card card-block">
    <thead>
        <tr>
            <th>ID</th>
            <th>FirstName</th>
            <th>LastName</th>
            <th>&nbsp;</th>
        </tr>
    </thead>
    <tbody>
        <tr v-for="person in persons" :key="person.id">
            <td>{{person.id}}</td>
            <td>{{person.firstName}}</td>
            <td>{{person.lastName}}</td>
            <td>
                <button v-on:click="triggerViewClick(person)" class="btn btn-default">Edit</button>
                <button v-on:click="triggerDeleteClick(person.id)" class="btn btn-default">Delete</button>
            </td>
        </tr>
    </tbody>
</table>  